01_css의 소개와 작성법

css는 cascading style sheets의 약자로서 html문서의 내용에 서식을 적용하기 위한 언어로서 미국의 '에릭메이어'라는 개발자에 의해서 개발되었다.

현재까지 css level3까지 나온 상태이며 웹문서의 레이아웃, 글자서식, 문단서실, 그림자효과, 에니메이션 등의 동적인 컨텐츠도 개발이 가능하다

css는 웹문서 제작시 다양한 사용자 환경에서 동일한 내용을 볼 수 있도록 표현해주며 웹표준 사이트 개발시 필수 언어이다.

1.css문법(작성법)

선택자{속성: 값; 속성:값;}

• 선택자(selector) : 서식을 적용하기 위한 하나의 방법으로서 50가지의 종류가 있다.
• 속성(property) : 서식의 종류로서 글자모양, 크기, 색상, 그림자, 배경색, 배경이미지 등의 서식을 말함
• 값(value) : 속성 선택시 반드시 설정해야 하는 내용을 말한다. 예)font size:14px; color:red;

2.css의 특징

css언어는 모든 html문서에 동일한 서식을 적용할 수 있으며, 어느 디바이스 환경에서나 사용자가 의도한 디자인을 구현할 수 있다. 유지 보수측면에서 유리하다.

css는 주석작성시 '/*주석내용*/'' 으로 작성한다.

css는 현재문서에서만 적용하는 '내부서식'과 별도의 css문서를 작성하며 html문서에 연결하는 '외부서식'으로 나눈다.

3.css작성시 위치지정 방법

1. 내부스타일 : 현재 문서에서만 적용하는 css스타일 서식을 말함.
2. 외부스타일 : 별도의 css문서를 따로 저장하여 서식을 작성하고 적용하고자 하는 문서에 link로 연결하는 방법.
3. 인라인 스타일: 적용하고자 하는 tag요소에 직접 스타일 내용을 작성하여 적용하는 방법.